<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="desc" style="text-align: left">
    使用div布局<br>
    使用表格布局<br>
    使用布局模板<br>
    <a href="https://www.runoob.com/html/html-layouts.html">菜鸟布局参考链接</a>
</div>

<div id="container" style="width: 500px">
    <div id="head" style="background-color: burlywood">
        <h1>页面标题</h1>
    </div>
    <div id="menu" style="background-color: cadetblue;height: 400px;width: 100px;float: left">
        javascript<br>
        css<br>
        java<br>
        fff<br>
    </div>
    <div id="content" style="width: 400px;height: 400px">
        正文在这里
    </div>
    <div id ="footer" style="background-color: burlywood;height: 100px;clear: both;text-align: center">
        心益科技 copyright @2022
    </div>
</div>



</body>
</html>